<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.mc.lp.view.constants.*;"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<div class="well" ng-controller="StudentProfileController as scntrl">
	<div class="row">
      <!-- left column -->
      <div class="col-md-3">
        <div class="text-center">
          <img ng-show="selectedStudentProfile.photoId" ng-src="<c:url value="/shared/filedownload/{{selectedStudentProfile.photoId}}?cd={{time}}" />" class="img-circle" alt="User Image" />
          <h6>Upload a different photo...</h6>
          <button data-toggle="modal" data-target="#myModal" class="btn btn-sm btn-info" ng-click="initFileParams({studentEntityId:selectedStudentProfile.entityId},{recordType:'PROFILE_PIC'},scntrl.handleAttachImage,selectedStudentProfile)">Upload Photo</button>
        </div>
      </div>
      
      <!-- edit form column -->
      <div class="col-md-8 personal-info">
        
        <!-- <div class="alert alert-info alert-dismissable">
          <a class="panel-close close" data-dismiss="alert">×</a>
          <i class="fa fa-coffee"></i>
	    </div> -->
	        
        <form class="form-horizontal" role="form">
        <div class="form-group">
            <label class="col-lg-3 control-label">Registration Id:</label>
            <div class="col-lg-8">
              <input class="form-control" value="" ng-model="selectedStudentProfile.registrationNumber" type="text" readonly="readonly">
            </div>
          </div>          
          <div class="form-group">
            <label class="col-lg-3 control-label">First name:</label>
            <div class="col-lg-8">
              <input class="form-control" value="" ng-model="selectedStudentProfile.firstName" type="text" readonly="readonly">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-3 control-label">Last name:</label>
            <div class="col-lg-8">
              <input class="form-control" value="" type="text" ng-model="selectedStudentProfile.lastName" readonly="readonly">
            </div>
          </div>
          
           <div class="form-group">
            <label class="col-lg-3 control-label">DOB :</label>
            <div class="col-lg-8">
              <input class="form-control" value="" type="text" ng-model="selectedStudentProfile.dob" readonly="readonly">
            </div>
          </div>
          
           <div class="form-group">
            <label class="col-md-3 control-label">School:</label>
            <div class="col-md-8">
              <textarea class="form-control" readonly="readonly" ng-model="selectedStudentProfile.fullSchoolAddress">{{selectedStudentProfile.fullSchoolAddress}}</textarea>
            </div>
          </div>
         
         <%--  <div class="form-group">
            <label class="col-lg-3 control-label">DOB:</label>
            <div class="col-lg-8" ng-controller="DatepickerCntrl">
            <p class="input-group">
              <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="selectedStudentProfile.dob" is-open="opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p> 
            
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-3 control-label">School:</label>
            <div class="col-lg-8">
              <!-- <input class="form-control" value="" type="text"> -->
              <autocomplete ng-model="selectedSchool" ng-change="" url="<c:url value="/json/cache/SCHOOL/0" />"  class="form-control" label="{{value}}" allowCustomEntry="false" />
            </div>
          </div>
 --%>    
 		
          <!-- <div class="form-group">
            <label class="col-lg-3 control-label">Time Zone:</label>
            <div class="col-lg-8">
              <div class="ui-select">
                <select id="user_time_zone" class="form-control">
                  <option value="Hawaii">(GMT-10:00) Hawaii</option>
                  <option value="Alaska">(GMT-09:00) Alaska</option>
                  <option value="Pacific Time (US &amp; Canada)">(GMT-08:00) Pacific Time (US &amp; Canada)</option>
                  <option value="Arizona">(GMT-07:00) Arizona</option>
                  <option value="Mountain Time (US &amp; Canada)">(GMT-07:00) Mountain Time (US &amp; Canada)</option>
                  <option value="Central Time (US &amp; Canada)" selected="selected">(GMT-06:00) Central Time (US &amp; Canada)</option>
                  <option value="Eastern Time (US &amp; Canada)">(GMT-05:00) Eastern Time (US &amp; Canada)</option>
                  <option value="Indiana (East)">(GMT-05:00) Indiana (East)</option>
                </select>
              </div>
            </div>
          </div> -->
          <div class="form-group">
            <label class="col-md-3 control-label">Address:</label>
            <div class="col-md-8">
              <textarea class="form-control" readonly="readonly" ng-model="selectedStudentProfile.fullAddress">{{selectedStudentProfile.fullAddress}}</textarea>
            </div>
          </div>
          <!-- <div class="form-group">
            <label class="col-md-3 control-label">Password:</label>
            <div class="col-md-8">
              <input class="form-control" value="11111122333" type="password">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-3 control-label">Confirm password:</label>
            <div class="col-md-8">
              <input class="form-control" value="11111122333" type="password">
            </div>
          </div> -->`
	          <!-- <div class="form-group">
	            <label class="col-md-3 control-label"></label>
	            <div class="col-md-8">
	              <input class="btn btn-primary" value="Save Changes" type="button">
	              <span></span>
	              <input class="btn btn-default" value="Cancel" type="reset">
	            </div>
	          </div> -->
        </form>
      </div>
  </div>
<hr>

</div>
